<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="resource/css/animate.css" rel="stylesheet" type="text/css">
    <link href="resource/css/main.css" rel="stylesheet" type="text/css">
    <link href="resource/css/swiper.css" rel="stylesheet" type="text/css">
    <script src="resource/js/main.js"></script>
</head>
<body class="home">
<div class="logo">
    <img src="resource/image/in%20logo.png">
</div>
<div class="close animated">
   <a href="index.html"> X CLOSE 关闭</a>
</div>
<div class="btn">
    <div class="round round1"></div>
    <div class="round round2"></div>
</div>
<div class="menu">
    <div class="close_menu">
        <img src="resource/image/cancel.png">
    </div>
    <ul>
        <li class="li_1 animated"><a href="index.html">HOME</a></li>
        <li class="li_2 animated"><a href="product.html">WORKS</a></li>
        <li class="li_3 animated">EXPERIMENTS</li>
        <li class="li_4 animated">ABOUT</li>
    </ul>
</div>
<!--作品详情-->
<div class="page_2">
    <div class="product-info-img">
        <div class="swiper-container3">
            <div class="swiper-wrapper">
                <div class="swiper-slide" >
                    <img src="resource/image/pic.png" style="width: 100%">
                    <span class="name">8</span>
                </div>
                <div class="swiper-slide" >
                    <img src="http://onmf9x64a.bkt.clouddn.com/45a6fdfec5097504121c85600768fe32.jpeg?imageView2/2/format/jpg" style="width: 100%">
                    <span class="name">8</span>
                </div>
                <div class="swiper-slide" >
                    <img src="resource/image/pic.png" style="width: 100%">
                    <span class="name">8</span>
                </div>
                <div class="swiper-slide" >
                    <img src="http://onmf9x64a.bkt.clouddn.com/45a6fdfec5097504121c85600768fe32.jpeg?imageView2/2/format/jpg" style="width: 100%">
                    <span class="name">8</span>
                </div>
                <div class="swiper-slide" >
                    <img src="resource/image/pic.png" style="width: 100%">
                    <span class="name">8</span>
                </div>

            </div>
        </div>
    </div>
    <div class="cover"></div>
    <div class="page_2_line">
        <div class="active-box"></div>
        <div class="line-box animated">
        </div>
    </div>
    <div class="product-info-introduce">
        <div class="title animated  ">我的作品</div>
        <div class="label animated ">品牌策划/包装/公众号传播/动画</div>
        <div class="introduce animated">
            Made for the "Dream on"<br>
            Made for the "Dream on"<br>
            Made for the "Dream on"<br>
        </div>
    </div>


</div>

</body>
<script src="resource/js/jquery-3.2.1.min.js"></script>
<script src="resource/js/swiper.js"></script>
<script src="resource/js/main.js"></script>
<script>
    fn.page_2_animate()
</script>
</html>